<template>
	<view class="about">
		<view class="logo"><image class="logo-img" :src="logo" mode=""></image></view>
		<view class="name">
			<view class="title">{{name}}</view>
			<view>{{version}}</view>
		</view>
		<view class="text">
			<view class="text-left">对公账号</view>
			<view class="text-right">{{account}}</view>
		</view>
		<view class="text">
			<view class="text-left">开户行</view>
			<view class="text-right">{{bank}}</view>
		</view>
		<view class="text">
			<view class="text-left">企业名称</view>
			<view class="text-right">{{company_name}}</view>
		</view>

		<view class="bottom">
			<view>{{copyright}}</view>
		</view>
	</view>
</template>

<script>
import service from '@/store/service.js';
export default {
	data() {
		return {
			bank: '',
			logo: '',
			name: '',
			version: '',
			company_name: '',
			copyright: '',
			account: '',
		};
	},
	onLoad:function(){
		this.getUs()
	},
	methods: {
		getUs() {
			var self = this;
			self.$http
				.get(service.api.user.aboutUs, {
				})
				.then(function(res) {
					console.log(res,444);
					var list = res.data;
					self.bank = list[0].value;
					self.logo = list[1].value;
					self.name = list[2].value;
					self.version = list[3].value;
					self.company_name = list[4].value;
					self.copyright = list[5].value;
					self.account = list[6].value;
				});
		}
	}
};
</script>

<style scoped>
page {
	background-color: #fff;
}
.logo {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30upx;
}
.logo-img {
	width: 262upx;
	height: 262upx;
}
.name {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #999;
	font-size: 24upx;
	font-weight: bold;
	margin-bottom: 40upx;
}
.title {
	padding-bottom: 20upx;
	font-size: 32upx;
	color: #333;
}
.text {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 25upx;
	padding-right: 20upx;
	border-bottom: 1px solid #f4f4f4;
	height: 118upx;
}
.text-left {
	font-size: 32upx;
	font-weight: 500;
	color: #666;
}
.text-right {
	font-size: 32upx;
	font-weight: 500;
	color: #333;
}
.bottom {
	color: #999;
	font-size: 24upx;
	font-weight: 500;
	position: fixed;
	bottom: 50upx;
	text-align: center;
	width: 100%;
	/* left: 136upx; */
}
</style>
